<script setup>

</script>

<template>

    <div>
        <!-- 头部区域 -->
        <header class="header">管理系统</header>
        <!-- 中间主体区域 -->
        <div class="main">
            <!-- 左侧菜单栏 -->
            <div class="content left">
                <ul>
                    <router-link to="/home/dept">
                        <li>部门管理</li>
                    </router-link>
                    <router-link to="/home/access">
                        <li>权限管理</li>
                    </router-link>
                    <router-link to="/home/good">
                        <li>商品管理</li>
                    </router-link>
                    <router-link to="/home/order">
                        <li>订单管理</li>
                    </router-link>
                    <router-link to="/home/system">
                        <li>系统设置</li>
                    </router-link>
                </ul>
            </div>
            <!-- 右侧内容区域 -->
            <div class="content right">
                <div class="main-content">
                    <RouterView />
                </div>
            </div>
        </div>
        <!-- 尾部区域 -->
        <footer class="footer">版权信息</footer>
    </div>
</template>
